{% extends 'task_market/base.html' %}
{% load static %}
{% block title %} 任务申请 {% endblock %}

{% block content %}

    <div class="breadcrumbs">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="bread-inner">
                        <ul class="bread-list">
                            <li><a href="{% url 'task_market:index' %}" target="_blank">主页<i
                                    class="ti-arrow-right"></i></a></li>
                            <li class="active"><a href="#">任务申请</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--滑动幻灯片-->
    <section class="shop section">
        <div class="container">
            <div class="row">

                <div class="col-lg-6 mx-auto">
                    <div class="account-content bg-white pt-0">
                        <h4 class="account-content-title"><i class="far fa-user"></i> 输入申请</h4>
                        <div class="edit-profile">

                            <form method="post" action="{% url 'task_market:task_apply' task_id=task_id %}">
                                {% csrf_token %}
                                <h2 class="text-center">申请任务</h2>
                                <div class="form-group">
                                    <label for="apply_volumn">申请数量:</label>
                                    <input type="number" class="form-control" id="apply_volumn" name="apply_volumn"
                                           required>
                                </div>
                                <!-- 添加其他输入框和表单字段 -->

                                <div class="text-center mt-4">
                                    <button type="reset" class="btn btn-default pull-left">重置</button>
                                    <button type="submit" class="btn btn-primary pull-right" onclick="showSuccessMessage()">提交</button>
                                </div>
                            </form>
                            <script>
                            function showSuccessMessage() {
                                // 在这里编写弹窗提示提交成功的逻辑
                                alert("申请成功！");
                            }
                        </script>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
{% endblock %}